<?php

/*
  | --------------------------------------------------------------------------------------------------
  | <agendamento_form_view>
  |
  | Desenvolvedor:	Eduardo Sirangelo
  | E-mail:		sirangelos@ibest.com.br
  | Descrição:
  |	-
  | Quality is Everyting
  | --------------------------------------------------------------------------------------------------
 */
?>

<script type='text/javascript' src='<?=base_url()?>/public/js/autocompleta/jquery.autocomplete.min.js'></script>
<link rel="stylesheet" type="text/css" href="<?=base_url()?>/public/js/autocompleta/jquery.autocomplete.css" />
<script type="text/javascript">
$(document).ready(function(){
    
    $("#content_loading_form").hide();
    
    $("#id_cliente").autocomplete("/agenda/get_cliente_id", {
            width: 215,
            minChars:1,
            matchSubset:1,
            matchContains:1,
            cacheLength:10,
            formatItem: formatItem,
            formatResult: formatResult
    });  
    
     /**
     * CARREGA OS DADOS DO CLIENTE BASEADO NO ID
     */
    
    $('#id_cliente').result(function(event, data, formatted) {
         $.getJSON("/agenda/get_cliente/",{cliente:formatted,tipo:"id"}, function(json){
            $("#id_cliente").val(json.id_cliente);
            $("#nome_cliente").val(json.nome_cliente);            
        });
    });
    
    $(function(){

        $("#formAgendamento").validate({

            submitHandler: function(form) {
                $(form).ajaxSubmit({
                dataType: 'json',
                success: openAlert
            });
            },

            rules: {
                
                dt_inicio_agendamento: 'required',
                dt_fim_agendamento: 'required',
                nome_cliente: 'required'

            },

            messages: {
            
                dt_inicio_agendamento: "Data / Hora Inicio é um campo obrigatório",
                dt_fim_agendamento: "Data / Hora Fim é um campo obrigatório",
                nome_cliente: 'Nome do Cliente é um campo obrigatório'

            }

        });

    });
    
})

function formatItem(row) {
        return row[0];
}
function formatResult(row) {
        return row[0];
}
</script>
<section class="full-width">
    
        <?
        $attributes = array('class' => 'validate-form form bt-space15', 'id' => 'formAgendamento');
        echo form_open('/agenda/insert_agendamento_mensal/',$attributes);

        ?>
        
        <div class="columns">

            <div>
                
                <div class="columns">
                    
                    <div class="columns required">
                    
                    <p class="colx2-left">
                        <label for="dt_inicio_agendamento">Data / Hora Inicio</label>
                        <input type="text" name="dt_inicio_agendamento" id="dt_inicio_agendamento" value="" class="full-width" setDate2="true"/>
                    </p>

                    <p class="colx2-right">
                        <label for="dt_fim_agendamento">Data / Hora Fim</label>
                        <input type="text" name="dt_fim_agendamento" id="dt_fim_agendamento" value="" class="full-width" setDate2="true"/>
                    </p>
                        
                </div>
                    
                <div class="columns">
                    
                    <p class="colx2-left">
                        <label for="id_cliente">Cód. Cliente</label>
                        <input type="text" name="id_cliente" id="id_cliente" value="" class="full-width"/>                        
                    </p>
                    
                    <p class="colx2-right required">
                        
                        <label for="nome_cliente">Nome Cliente</label>
                        <input type="text" name="nome_cliente" id="nome_cliente" value="" class="full-width"/>

                    </p>
                                        
                </div>
                
                <div class="columns">
                    
                    <p class="colx2-left">
                        <label for="id_servico">Serviço</label>
                        <select name="id_servico" id="id_servico_mes" class="full-width">
                            <option value="">Selecione...</option>
                            <?
                            foreach($array_servicos as $key => $value) {
                                ?>
                                <option value="<?=$key?>"><?=$value?></option>
                                <?
                            }
                            ?>
                        </select>
                    </p>
                    
                    <p class="colx2-right required">
                        <label for="id_profissional">Profissional</label>
                        <select name="id_profissional" id="id_profissional" class="full-width">
                            <option value="">1º selecione o serviço</option>
                        </select>
                    </p>
                        
                </div>
                
            </div>

        </div>
            
    </form>
    
</section>
                        
                        